<style>
  /*Verification Box*/

.verification-box{
	float:left;
	border:1px solid #66CC00;
	width:700px;
	font-size:14px;
	color:#333333;
	line-height:200%;
	background-color:#FAFFFA;
	font-family:"Trebuchet MS",helvetica,arial;
        height:auto;
        font-weight:normal;
}

.verification-box p{
	margin:20px 20px 10px 20px;
}

.verify-code{
	margin-left:220px;
	width:140px;
	margin-bottom:20px;
	float:left;
	font-size:12px;
	color:#999999;
}

.verification-input{
	float:left;
	width:140px;
}

.verification-input input{
	width:120px;
	color:#999999;
	font-size:12px;
}

.verify-code-eg{
	float:left;
	width:100%;
}

</style>
<div class="verification-box" id="verification_box">
   <% form_remote_tag(:update => "verification_box" , :url => { :action => "verify_code",:with => "'verification_code='+$('verification_code').value+'&email='+$('email').value"} ) do -%>

        <%=image_tag("promote-arrow.png",:width=>"15px") -%>&nbsp;&nbsp;A verification code has been sent to you through SMS. Enter the code below and click Verify.
        <div class="verify-code">
    	<div class="verification-input">
        	<input type="text" id="verification_code" value="Enter code"/>
        </div>
        <div class="verify-code-eg">
        	Code E.g. 67194
       	</div>
    </div>
        <input type="text" name="email" id="email" value="<%=@user_email-%>">
    <%=image_submit_tag ("verify.jpg") -%>
    <%end -%>
</div>